Top 20 Fancy Button Style Samples For Developer And Designer

1. CSS3 Toggle Buttons and Tolltip

featured image

Pure CSS3 buttons (except silver button). You can easly change the CSS button style to create different buttons adapted to what you need.

More Details

2. Git CSS3 Buttons

featured image

Just link the stylesheet and add the class “gbutton” to any hyperlink, input or button and you have a really awesome github-style button. BONUS : Git CSS3 buttons with icons also has a custom created style builder that helps you create new styles for Git CSS3 Buttons! Just fill out the CSS3 slideshow form and you have a new awesome looking class that you can use with Git CSS3 Buttons!Features

CSS Only No images One CSS Stylesheet Github look alike buttons Easy to use Awesome documentation 20+ Classes Bonus: Custom Style Builder App

Style Builder App Check out the style builder 2 here

More Details

3. Pure CSS3 Social Bar

featured image

You can use it with or without share button.

More Details

4. Pure CSS Social Arcade Buttons.

featured image

More Details

5. Retina Pro: CSS3 Retina Business Pro 2 Button Set

featured image

Retina Pro is a fantastic retina CSS3 button generator set, built for any type of website or app. Each button is accompanied with the appropriate retina requirements for optimal viewing on any retina device. Basically theres the global button style, which is the size, padding, text, the color style (which includes the hover) and lastly, the icon style. Mix and match the color and icon to get the button of your choice. Here’s an example of the blue download button HTML .<a href="#" class="button blue"><span class="download" />Download</a>

Superb Help/Documentation: You get a top-of-the-line documentation website in your hands when you purchase this Retina button set.

More Details

6. CSS Buttons

featured image

It has a huge amount of style choices and opportunities, which is as simple as adding a few small, independant styles.Update – now allows you classes to put the image within the button on the left or right.

More Details

7. Metro'Con Metro Styled Social and Link Type Icons

featured image

Seventy Seven (77!) icons, 4 color versions available and three classes for the style (normal – no borders, Square Border & Round Border).

More Details

8. Massive Modern CSS3 Button Collection

featured image

Each style is available in 5 different sizes. - The dimensional button style includes 7 colors and a disabled button state. - The glossy button style includes 11 colors. - The animated rectangle style transitions between hover and active states and includes dark and light color options. Simply add an additional class to your button to change its color. The included HTML file as shown in the screenshots and video preview lists the classes used to create each button to the left of each row, making it quick to implement the style you choose.

More Details

9. Litie - Modern CSS3 Buttons

featured image

Hello there, welcome to Litie modern CSS3 button pack, there are five colors to pick from in the example, but you can easily swap out the icons and colors to fine tune to your theme.

More Details

10. Interactive Buttons Wordpress Plugin

featured image

To add social media buttons to wordpress buttons in 2 style (text caption, Icons only).

More Details

11. Button Me - CSS Buttons

featured image

More Details

12. CSS Flat Social Buttons

featured image

More Details

13. Huge Collection of Pure CSS3 Buttons

featured image

Grouped style (you can use it in navigation menu)

Multi-lines style

Zocial : Iconic font for Fontello ( font + style generated by Fontello used in social buttons )

Brandico : Iconic font for Fontello ( font + style generated by Fontello used in social buttons )

More Details

14. Elitepack Classic CSS3 Buttons

featured image

You can use them in any element be it as a link, input, button, or simply as a HTML form action button.#Added – disabled button style

More Details

15. CSS3 Neon Square Icons

featured image

CSS3 Gradient Effect with clear style sheet

More Details

16. Sticky Header & Footer Animated Social Share

featured image

In this style the Social Share buttons are fixed to top and bottom of the screen respectively.• Easy to Change the button colors as per the requirement

More Details

17. Unlimited - 792 Flat Multipurpose CSS3 Buttons

featured image

Unlimited is a flat multipurpose button set with 18 predefined icons and 22 predefined colors.

More Details

18. CSS3 3D Buttons

featured image

Just choose the HTML button style and add/remove classes to the elements.

More Details

19. Animated & 3D CSS3 Button Pack

featured image

This CSS3 button generator includes 5 styles of modern animated and 3D buttons with hover and active states. Each style is available in 5 colors for a total of 25 buttons in all. Button Descriptions:

- The third set has a 3D style that gets depressed when clicked. - The forth set creates a glowing circle to the right of the button text without any pseudo elements. On hover, the circle fades into the button and makes the button glow. - The final set is a pill style button inside an outer container.

More Details

20. FB CSS3 Buttons - Facebook Look-Alike Buttons

featured image

Just link the stylesheet and add the class “fbbutton” to any hyperlink, input or button and you have a really awesome facebook-style button.

More Details